Dashboard Temp Share Shortlinks Frames API

HTMLify

index.html
Views: 731 | Author: khushi
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<div id="main">
    <h1>DATE pr chle ?</h1>
<button id="yes" onclick="yes()">
    Yes
</button>

<button id="no" onmouseover="changeposition()" onclick="changeposition()">
    No
</button>
<image height="150px" width="150px"  src="uwu-but.gif"></image>
<audio src="heeriye_by_arijit_sing.mp3"  autoplay="true"></audio>

</div>

<style>
    body{
        background-color: white;
    }
#no {
    position: relative;
    left: 0px;
    top: 0px;
    transition: 0.2s ease;
}
button{
    background-color:pink;
    border-radius: 7px;
    height: 20px;
    width: 50px;
}
</style>


<script>
var no_button = document.getElementById("no");

function changeposition(){
    console.log(no_button.style.left);
    let r_left = Math.floor(Math.random() * 1000) % window.screen.width;
    let r_top = Math.floor(Math.random() * 1000) % window.screen.height;

    no_button.style.left = r_left + "px";
    no_button.style.top = r_top + 'px';
    //document.body.innerHTML = "working";
    console.log(window.screen.width);
    console.log(window.screen.height);
}

function yes(){
    var yeshtml = `
<h1>Mujhe maloom tha tumhe jana hai :) </h1> <image height="150" width="200px" src="milk-and-mocha-bears.gif"></image>
<audio src="Lutt Putt Gaya Ringtone Download – Dunki Movie - MobCup.Com.Co.mp3" autoplay="true"></audio>   
`;
    
    document.getElementById("main").innerHTML = yeshtml;

}


</script>